define(function(require, exports, module) {

  var Backbone = require('backbone');
  var $ = require('jquery');
  var _ = require('underscore');
  var jsonview = require('jsonview');

  var tmpl = require('text!../tmpl.html')
  require('css!../style.css')

  function app() {
    var $app = $('<div id="app">');
    $('#main').html($app);

    $app.html(tmpl)

    $(function() {
      $('#zoom_and_move').click(function() {
        $(this).animate({
          translateX: 200,
          translateY: 200,
          scale: 2 
        }, {
          duration: 500,
          step: function(now, fx) {
            console.log(now, fx)
          }
        })
        // if ($(this).hasClass('move-zoom')) {
        //   $(this).removeClass('move-zoom')
        // } else {
        //   $(this).addClass('transition move-zoom')
        // }
      })

      $('#only_zoom').click(function() {
        if ($(this).hasClass('move-zoom')) {
          $(this).removeClass('move-zoom')
        } else {
          $(this).addClass('transition move-zoom')
        }
      })

      $('#only_move').click(function() {
        if ($(this).hasClass('move-zoom')) {
          $(this).removeClass('move-zoom')
        } else {
          $(this).addClass('transition move-zoom')
        }
      })
    })

  }

  return app;
})
